module.exports = {
    id: 'viewport',
    classType: 'ui.jq.Container',
    children: [{
            id: 'navbar',
            classType: 'editor.ui.Navbar',
            left: {items: [{title: 'aaaaa', href: '123', active: true}, {title: 'bbbbb', href: '456'}, {title: 'xxxx'}]},
            right: {items: [{title: 'sign up'}, {title: 'help'}]},
            brand: 'ProjectName'
        }, {
            id: 'test1',
            classType: 'ui.jq.Panel',
            title: 'panel1',
            position: {x: 100, y: 200},
            size: {width: 400, height: 300},
            html: '111111',
            container: {
                classType: 'ui.jq.Container',
                children: [{
                        id: 'test2',
                        classType: 'ui.jq.Panel',
                        position: {x: 300, y: 300},
                        size: {width: 100, height: 100},
                        html: 'panel2'
                    }, {
                        id: 'test3',
                        classType: 'ui.jq.Container',
                        html: 'box3'
                    }]
            }
        }, {
            id: 'buttongroup',
            classType: 'ui.jq.ButtonGroup',
            container: {
                classType: 'ui.jq.Container',
                children: [{
                        id: 'button1',
                        classType: 'ui.jq.Button',
                        title: 'Button123',
                        icon: 'arrow-up',
                        menu: {
                            id: 'menu',
                            classType: 'ui.jq.Menu',
                            items: ['我是菜单', '-', {title: '菜单项A', disabled: true, callback: function() {
                                        console.log('aaa');
                                    }}, {title: 'bbb', callback: function() {
                                        console.log('bbb');
                                    }}, '-', 'footer']
                        }
                    }, {
                        id: 'button2',
                        classType: 'ui.jq.Button'
                    }, {
                        id: 'button3',
                        classType: 'ui.jq.Button',
                        disable: true
                    }]
            }
        }]
};